<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    table,
    th,td
    {
        border :1px solid;
    }
    body {
            display: flex;
            justify-content: center;

            align-items: center;
            height: 600px;

            flex-direction: column;
        }
</style>
<body>
    <label><h1>博客首页</h1></label>
    <div>
        <input type="text" placeholder="查找博客标题,摘要，内容，分类，作者" name="keyword">
        <input type="button" value="查找" onclick="query()"><input type="button" value="返回博客首页" onclick="back()">
        <input type="button" value="新增" onclick="add()">
    </div>
    
    <table id="tbData">
        <tr>
            <th>
                Id
            </th>
            <th>
               标题
            </th>
            <th>
                摘要
            </th>
            <th>
                内容
            </th>
            <th>
                分类
            </th>
            <th>
                作者
            </th>
            <th>
                发表时间
            </th>
            <th>
                操作
            </th>
        </tr>
    </table>


    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./config/baseUrl.js"></script>
    <script src="./js/api.js"></script>
    <script src="./js/init.js"></script>

    <script>
        function update(id) {
            location.href = './addOrEdit.html?id=' + id;
        }
        function del(id) {
             let mag = '您确定删除？'
            if(confirm(mag))
            {
                delProductById(id).then(data=>{
                if(data.code===1000)
                {
                    console.log(data);
                    let id = data.data.id;
                    $(`[key=${id}]`).remove();
                }
                else
                {
                    alert(data.msg)
                }
            })
            }
            else
            {
                alert('您已取消了删除！')
            }
        }
        function query(){
            let keyword=$('[name=keyword]').val();
            getListWithKeyword(keyword);
        }

        function back()
        {
            location.href='./index.html';
        }
    </script>
</body>

</html>